<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
    <title>个人主页--首页</title>
    <link rel="icon" href="/static/bookstrap/images/favicons/16X16.ico"/>
    <link href="/static/bookstrap/css/default.css" rel="stylesheet" type="text/css"/>
    <link href="/static/bookstrap/css/step-info.css" rel="stylesheet" type="text/css"/> 
    <link href="/static/bookstrap/css/rgen_min.css" rel="stylesheet"/>
    <link href="/static/bookstrap/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="/static/bookstrap/css/demo.css" rel="stylesheet" type="text/css"/>
    <script type="text/javascript" src="/static/bookstrap/js/jquery.min.js"></script>
    <script type="text/javascript" src="/static/bookstrap/js/bootstrap.min.js"></script>
    <script type="text/javascript" src="../sys/js/default.js"></script>
    <style>
        .nav {
            left: 250px;
        }

        .nav-other {
            float: right;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<!-- Modal -->
<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="11">选择服务</h4>
            </div>
            <div class="modal-body">
                <div class="modal-service-list">

                    <h3>默认服务</h3>

                    <div class="bank-list clearfix">
                        <ul>
                            <li>
                                <input type="radio" id="gongshang" name="bank"/>
                                <label id="gongshang_label" for="gongshang" class="bank gongshang"></label>
                            </li>
                            <li><input type="radio" id="nongye" name="bank"/> <label id="nongye_label" for="nongye"
                                                                                     class="bank nongye"></label></li>
                            <li><input type="radio" id="jianshe" name="bank"/> <label id="jianshe_label" for="jianshe"
                                                                                      class="bank jianshe"></label></li>
                            <li><input type="radio" id="zhonghang" name="bank"/> <label id="zhonghang_label"
                                                                                        for="zhonghang"
                                                                                        class="bank zhonghang"></label>
                            </li>


                        </ul>
                    </div>
                    <h3>购买的服务</h3>

                    <div class="bank-list clearfix">
                        <ul>

                            <li><input type="radio" id="yinlian" name="bank"/> <label id="yinlian_label" for="yinlian"
                                                                                      class="bank yinlian"></label></li>
                            <li><input type="radio" id="zhaoshang" name="bank"/> <label id="zhaoshang_label"
                                                                                        for="zhaoshang"
                                                                                        class="bank zhaoshang"></label>
                            </li>
                            <li><input type="radio" id="gongshang2" name="bank"/> <label id="gongshang2_label"
                                                                                         for="gongshang2"
                                                                                         class="bank gongshang2"></label>
                            </li>
                            <li><input type="radio" id="nongye2" name="bank"/> <label id="nongye2_label" for="nongye2"
                                                                                      class="bank nongye2"></label></li>
                            <li><input type="radio" id="jianshe2" name="bank"/> <label id="jianshe2_label"
                                                                                       for="jianshe2"
                                                                                       class="bank jianshe2"></label>
                            </li>

                        </ul>
                    </div>
                    <script type="text/javascript">
                        ra = document.getElementsByName('bank');
                        len = ra.length;
                        for (i = 0; i < len; i++) {
                            ra[i].onclick = function () {
                                la = document.getElementsByTagName('label');
                                len2 = la.length;
                                for (j = 0; j < len2; j++) {
                                    la[j].className = la[j].className.replace('checked', '');
                                }
                                var label_id = this.getAttribute('id') + '_label';
                                var label_obj = document.getElementById(label_id);
                                label_obj.className += " checked";
                            }
                        }

                    </script>
                </div>

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>

<!--血压-->
<div class="modal fade" id="xueya" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加血压记录</h4>
            </div>
            <div class="modal-body">

                <div class="alert alert-warning alert-dismissible fade in" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    高压正常范围： 90-139(mmhg) 低压正常范围: 60-89(mmhg)
                </div>

                <form class="form-horizontal" method="post">
                    <div class="control-group">
                        <label class="control-label">检查时间：</label>

                        <div class="controls">
                            <input type="text" class="form-control form-short">
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">高压值：</label>

                        <div class="controls">
                            <input type="text" class="form-control form-short fd-left">
                            <span class="fd-left font-red lineh-35">* 必填项</span>
                        </div>
                    </div>
                    <div class="control-group borb-none">
                        <label class="control-label">低压值：</label>

                        <div class="controls">
                            <input type="text" class="form-control form-short">
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>
<!--血压-->

<!--血糖-->

<!--血糖-->
<!--尿酸-->
<!--<div class="modal fade" id="niaosuan" tabindex="-1" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="myModalLabel">添加尿酸记录</h4>
            </div>
            <div class="modal-body">

                <div class="alert alert-warning alert-dismissible fade in" role="alert">
                    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span
                            aria-hidden="true">×</span></button>
                    空腹血糖正常范围： 3.9-6.0（mmol/L） 餐后2小时血糖正常范围: 4.4-8.0（mmol/L）
                </div>

                <form class="form-horizontal" method="post">
                    <div class="control-group">
                        <label class="control-label">检查方式：</label>

                        <div class="controls">
                            <input type="radio">&nbsp;空腹&nbsp;&nbsp;
                            <input type="radio">&nbsp;饭后
                        </div>
                    </div>
                    <div class="control-group">
                        <label class="control-label">检查时间：</label>

                        <div class="controls">
                            <input type="text" class="form-control form-short fd-left">
                            <span class="fd-left font-red lineh-35">* 必填项</span>
                        </div>
                    </div>
                    <div class="control-group borb-none">
                        <label class="control-label">血糖：</label>

                        <div class="controls">
                            <input type="text" class="form-control form-short fd-left">
                            <span class="fd-left lineh-35">毫摩尔/升</span>
                        </div>
                    </div>
                </form>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">保存</button>
            </div>
        </div>
    </div>
</div>-->
<!--尿酸-->


<nav class="nav-wrp nav-3 dark navbar-fixed-top nav-hide nav-sticky nav-show" data-sticky="y" data-glass="y"
     data-hide="y">
    <div class="container">
        <div class="nav-header">
            <a class="navbar-brand" ><img src="/static/bookstrap/images/logo1.png" alt="Brand logo"/></a>
            <a class="nav-handle fs-touch-element" data-nav=".nav"><i class="fa fa-bars"></i></a>
        </div>
        <div class="nav vm-item def-menu hidden-xs">
            <ul style="cursor: pointer">
                <li class="active"><a href="default.html">个人首页</a></li>
                <!--<li><a >寻医问药</a></li>
                <li><a >私人医生</a></li>
                <li><a >健康管理</a></li> -->
                <li><a >个人信息管理</a></li>
                <li><a >我的消息</a></li>
                <li><a id="myServices">我的服务</a></li>
            </ul>
            <div class="nav-other">
                <a id="exit" class="btn btn-primary btn-sm">退出</a>
            </div>
        </div>
        <!-- /.nav -->


        <!-- BEGIN HEADER -->
        <header class="hidden-sm hidden-md hidden-lg">
            <nav class="navbar" role="navigation">
                <div class="container">
                    <!-- Brand and toggle get grouped for better mobile display -->
                    <div class="navbar-header">
                        <button type="button" class="navbar-toggle" data-toggle="collapse"
                                data-target="#bs-example-navbar-collapse-1">
                            <span class="sr-only">导航</span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                            <span class="icon-bar"></span>
                        </button>
                    </div>

                    <!-- Collect the nav links, forms, and other content for toggling -->
                    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                        <!-- BEGIN NAVIGATION -->
                        <ul class="nav-mob navbar-nav">
                            <li class="active"><a href="#home">个人首页</a></li>
                            <!--<li><a >寻医问药</a></li>-->
                            <!--<li><a >私人医生</a></li>-->
                            <!--<li><a >健康管理</a></li>-->
                            <li><a >个人信息管理</a></li>
                            <li><a >我的消息</a></li>
                            <li><a >退出</a></li>
                        </ul>
                        <!-- END NAVIGATION -->
                    </div>
                    <!-- /.navbar-collapse -->
                </div>
                <!-- /.container-fluid -->
            </nav>
        </header>
        <!-- END HEADER -->

    </div>
    <!-- /.container -->
</nav>
<div class="container padd50-top">
    <div class="col-md-9">
        <div class="ser-type clearfix" id="addServiceModel">
            <ul>

            </ul>
        </div>

        <!-- 服务详情描述模态start -->
        <div class="modal fade" id="serviceDialog" tabindex="-1" role="dialog">
            <div class="modal-dialog" role="document" style="width:540px; height: 250px;">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                        <h4 class="modal-title">基础服务描述</h4>
                    </div>
                    <div class="modal-body">
                        <div class="ser-type clearfix" id="serviceDialogDes">
                        </div>
                    </div>
                    <div class="modal-footer" align="center">
                        <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                    </div>
                </div>
            </div>
        </div>
        <!-- 服务详情描述模态end -->

        <div>
            <button class="btn btn-success" id="moreServices"><i
                    class="fa fa-plus"></i>&nbsp;我要定制更多服务
            </button>
        </div>
        <div class="focus-news">
            <div class="clearfix">
                <h3 class="fd-left">相关新闻</h3>
                <a  class="fd-right more">更多&gt;&gt;</a>
            </div>
            <ul>
                <li><a >[健康常识]</a>加湿器可能会伤害宝宝</li>
                <li><a >[糖尿病]</a>加湿器可能会伤害宝宝</li>
                <li><a >[心脑血管]</a>加湿器可能会伤害宝宝</li>
                <li><a >[高血压]</a>加湿器可能会伤害宝宝</li>
                <li><a >[健康常识]</a>加湿器可能会伤害宝宝</li>
                <li><a >[合理膳食]</a>加湿器可能会伤害宝宝</li>
                <li><a >[心脑血管]</a>加湿器可能会伤害宝宝</li>
                <li><a >[幼儿疾病预防]</a>加湿器可能会伤害宝宝</li>
                <li><a >[心脑血管]</a>加湿器可能会伤害宝宝</li>
            </ul>
        </div>
    </div>
    <div class="col-md-3 def-rinfo">
        <div class="priv-info clearfix">
            <div class="priv-headimg fd-left">
                <img src="/static/bookstrap/images/bg-img2.jpg"/>
            </div>
            <div class="priv-otherinfo fd-left">
                冯军
                <br/>
                <ul>
                    <li><a href="private-info.html">个人资料</a></li>
                    <li><img src="/static/bookstrap/images/v1.png" width="20"/></li>
                    <li><img src="/static/bookstrap/images/flower.png" width="20"/>(58)</li>
                </ul>
            </div>
        </div>
        <div class="othersys-reg clearfix">
            <ul>
                <li>
                    <button class="btn btn-info" onclick="window.location.href='doctor-authentication.html'">我是医生
                    </button>
                </li>
                <li>
                    <button class="btn btn-warning" id="setCompany">注册机构
                    </button>
                </li>
            </ul>
        </div>
        <div class="priv-pluser clearfix">
            <ul>
                <li><a href="online-ask.html">寻医问药</a></li>
                <li><a >查找医生</a></li>
                <li><a >查找医院</a></li>
                <li><a >我的关注</a></li>
                <li><a >我的消息<span class="num-sign">5</span></a></li>
                <li><a >我的好友</a></li>
            </ul>
        </div>
        <div class="history-info">
            <h3>历史记录</h3>
            <ol>
                <li>更新了好友<a >@周成</a>的健康记录<span class="his-time">2016-01-18 15:48:02</span></li>
                <li>修改了个人资料<span class="his-time">2016-01-18 15:48:02</span></li>
                <li>更新了好友<a >@周成</a>的健康记录<span class="his-time">2016-01-18 15:48:02</span></li>
                <li>在线问诊<span class="his-time">2016-01-18 15:48:02</span></li>
                <li>更新了好友<a >@周成</a>的健康记录<span class="his-time">2016-01-18 15:48:02</span></li>
                <li>查找了“心脏病”相关的信息<span class="his-time">2016-01-18 15:48:02</span></li>
            </ol>
        </div>
    </div>
</div>
<footer>
    <div class="text-center">
        &copy; 2013 北京极目云软件有限公司 网站备案：京ICP备13045463号
    </div>
</footer>
</body>
</html>